<ul
  class="layui-nav layui-nav-tree"
  lay-filter="test"
  style="height: -webkit-fill-available"
>
  <li class="layui-nav-item layui-nav-itemed">
    <a class="" href="javascript:;">系统管理</a>
    <dl class="layui-nav-child">
      <dd><a onclick="router('/institution.html')">用户管理</a></dd>
      <dd><a lay-href="role/list.html">角色管理</a></dd>
    </dl>
  </li>
  <li class="layui-nav-item">
    <a href="javascript:;">内容管理</a>
    <dl class="layui-nav-child">
      <dd><a lay-href="article/list.html">文章管理</a></dd>
      <dd><a lay-href="comment/list.html">评论管理</a></dd>
    </dl>
  </li>
</ul>

<script>
  layui.use(["element", "jquery"], function () {
    var element = layui.element;
    var $ = layui.jquery;

    // 侧边栏展开/收起控制
    $(".layui-layout-admin .layui-nav-item").on("click", function () {
      if ($(this).hasClass("layui-nav-itemed")) {
        $(".layui-side").addClass("layui-side-collapsed");
      } else {
        $(".layui-side").removeClass("layui-side-collapsed");
      }
    });
  });
</script>
